<html>
<head>
    <style>
        #scroller {
            position: absolute;
            top: 42px;
            bottom: 0px;
            left: 0px;
            right: 0px;
            overflow: overlay;
        }

        #contentarea {
            position: absolute;
        }
    </style>
</head>
<body onload="document.getElementById('bt').focus()">
    <div id="scroller">
        <div id="contentarea">
            This tests that we can scroll to reveal something in a nested positioned block in overflow. 
            <div style="height: 800px"></div>
            <input type="button" id="bt" value="If you can see this, test has passed"></input>
        </div>   
    </div>
</body>
</html>
